import { Fragment } from "react";
import { Canvas, Story, Meta } from "@storybook/addon-docs";
import { Progress } from "./";

export const args = {
  value: 40,
};

export const argTypes = {
  size: {
    options: ["xs", "sm", "md", "lg", "xl"],
    control: { type: "inline-radio" },
  },
};

<Meta
  title="Feedback/Progress"
  component={Progress}
  args={args}
  argTypes={argTypes}
/>

# Loader

Our themed wrapper around [Mantine Progress](https://v6.mantine.dev/core/progress/).

## Docs

- [Mantine Progress Docs](https://v6.mantine.dev/core/progress/)


## Examples

export const DefaultTemplate = args => <Progress {...args} />;

export const Default = DefaultTemplate.bind({});

<Canvas>
  <Story name="Default">{Default}</Story>
</Canvas>
